<%@ page language="java" import="java.util.*"
	contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.rapid-framework.org.cn/rapid" prefix="rapid"%>

<rapid:override name="frame-content">
	<blockquote class="layui-elem-quote">
		<span class="layui-breadcrumb" lay-separator="/"> 
			<a href="admin/user/index">首页</a> <a href="admin/category">分类列表</a> <a><cite>添加分类</cite></a>
		</span>
	</blockquote>


	<div class="layui-row">
		<div class="layui-col-md4">
			<form class="layui-form" method="post" id="myForm" action="admin/category/add">
				<div class="layui-form-item">
					<div class="layui-input-block">
						<strong>添加分类</strong>
					</div>
					<div class="layui-input-block">
						名称 <span style="color: #FF5722;">*</span> 
						<input type="text" name="categoryName" placeholder="请输入分类名称" autocomplete="off"	class="layui-input" required>
					</div>
					<br>
					<div class="layui-input-block">
						父节点 <span style="color: #FF5722;">*</span> 
						<select name="categoryPid" class="layui-input" required>
						   <option value="0">无</option>	 
					       <c:forEach items="${categoryList}" var="c">
                                <c:if test="${c.categoryPid==0}">
                                    <option value="${c.categoryId}">${c.categoryName}</option>
                                </c:if>
                            </c:forEach>
						</select>
					</div>
					<br>
					<div class="layui-input-block">
						分类描述 <input type="text" name="categoryDescription" placeholder="请输入分类描述" autocomplete="off" class="layui-input">
					</div>
					<br>
					<div class="layui-input-block">
						图标样式 <input type="text" name="categoryIcon" placeholder="请输入图标样式,如 fa fa-coffee" autocomplete="off" class="layui-input">
					</div>
					<br>
					<div class="layui-input-block">
						<button class="layui-btn" lay-filter="formDemo" type="submit">添加</button>
					</div>
				</div>
			</form>
		</div>
		<div class="layui-col-md8">
			<table class="layui-table">
				<colgroup>
					<col width="300">
					<col width="100">
					<col width="100">
					<col width="100">
					<col width="50">
					<col width="50">
				</colgroup>
				<thead>
					<tr>
						<th>名称</th>
						<th>文章数</th>
						<th>操作</th>
						<th>ID</th>
						<th>父級id</th>
					</tr>
				</thead>
				<tbody>
				  	<c:forEach items="${categoryList}" var="c">
						<c:if test="${c.categoryPid==0}">
							<tr>
								<td>
									<a href="/category/${c.categoryId}" target="_blank">${c.categoryName}</a>
								</td>
								<td>
									<a href="/category/${c.categoryId}" target="_blank">${c.articleCount}</a>
								</td>
								<td><a href="admin/category/edit/${c.categoryId}"  class="layui-btn layui-btn-mini">编辑</a> 
									<c:if test="${c.articleCount==0}">
										<a href="admin/category/delete/${c.categoryId}" class="layui-btn layui-btn-danger layui-btn-mini"	onclick="return confirmDelete()">删除</a>
									</c:if>
								</td>
								<td>${c.categoryId}</td>
								<td>${c.categoryPid}</td>
							</tr>
							<c:forEach var="c2" items="${categoryList}" >
								<c:if test="${c2.categoryPid==c.categoryId}">
									<tr>
										<td>
											<a href="/category/${c2.categoryId}" target="_blank">&nbsp;&nbsp;——${c2.categoryName}</a>
										</td>
										<td>
											<a href="/category/${c2.categoryId}" target="_blank">${c2.articleCount}</a>
										</td>
										<td>
											<a href="admin/category/edit/${c2.categoryId}"	class="layui-btn layui-btn-mini">编辑</a> 
											<c:if test="${c2.articleCount==0}">
												<a href="admin/category/delete/${c2.categoryId}" class="layui-btn layui-btn-danger layui-btn-mini" onclick="return confirmDelete()">删除</a>
											</c:if>
										</td>
										<td class="cate-parent">${c2.categoryId}</td>
										<td>${c2.categoryPid}</td>
									</tr>
								</c:if>
							</c:forEach>
						</c:if>
					</c:forEach>
				</tbody>
			</table>
			<blockquote class="layui-elem-quote layui-quote-nm">
				温馨提示：
				<ul>
					<li>分类最多只有两级，一级分类pid=0，二级分类pid=其父节点id</li>
					<li>如果该分类包含文章，将不可删除</li>
				</ul>
			</blockquote>
		</div>
	</div>

</rapid:override>

<%@ include file="../framework.jsp"%>